<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>13_内容溢出overflow</title>
    <style>
        .box1 {
            color: pink;
            height: 200px;
            width: 200px;
            background-color: aquamarine;
            /* 
                visiable : 溢出的部分也是可见，默认就是这个值
                auto : 超出被裁剪，但是有滚动条，通过滚动条来查看，不超出正常显示，
                scroll : 不管超出不超出都有滚动条
                hidden : 溢出部分直接给裁剪了，不可见

                更多的取值查看文档
            */
            overflow: overlay;
        }

        .box2 {
            overflow: auto;
        }
    </style>
</head>

<body>
    <div class="box1">
        10月23日，国家发改委发布消息称，自24时起，国内汽油和柴油价格分别上调90、85元/吨。折合升价，95号汽油、92号汽油和0号柴油均上调0.07元。
        私家车主和物流企业的用油成本将增加。以油箱容量为50升的小型私家车计算，加满一箱92号汽油将多花3.5元；对满载50吨的大型物流运输车辆，平均每行驶100公里，燃油费用增加2.8元左右。
        本轮调价后，全国大多数地区车柴价格为7.1-7.3元/升，92号汽油零售限价在7.5-7.6元/升。
    </div>
    <hr>
    <div class="box1 box2">
        10月23日，国家发改委发布消息称，自24时起，国内汽油和柴油价格分别上调90、85元/吨。折合升价，95号汽油、92号汽油和0号柴油均上调0.07元。
        私家车主和物流企业的用油成本将增加。以油箱容量为50升的小型私家车计算，加满一箱92号汽油将多花3.5元；对满载50吨的大型物流运输车辆，平均每行驶100公里，燃油费用增加2.8元左右。
        本轮调价后，全国大多数地区车柴价格为7.1-7.3元/升，92号汽油零售限价在7.5-7.6元/升。
    </div>
</body>

</html>